﻿<body>

	@{Html.RenderPartial("Header");}


	<div class="content">
        @* put the sound cloud into a carousel with a picture as a background*@

		<div class="blog container">
			<div class="row">
				<div class="span8">
					<div class="blog-single">
                              	<p class="responsive-video">
									<iframe width="500" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F69175112&amp;color=1d8ee2&amp;auto_play=true&amp;show_artwork=false"></iframe>
								</p>
						<div class="blog clearfix">
							<h2 class="blog-title">Sermon</h2>
							<div class="blog-meta">
								<span class="blog-date">
									<i class="icon-calendar"></i>
									January 13, 2013
								</span>

								<span class="blog-author">
									<i class="icon-user"></i>
									by Kevin Malcomb
								</span>									
							</div>
								<p>
									Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dnte venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, erat porttitor ligula, pibus posuere velit aliquet. Duis mollis, est non commodo luctus, erat porttitor ligula.
								</p>
								<p>
									Sed blandit euismod mi, id tincidunt mauris lacinia aliquam. Proin interdum diam vel libero elementum et adipiscing lectus mattis. Semper feugiat libero sitea amet mollis. Nulla dolor augue, condimentum id lacinia eget, interdum sed lacus. Donec porttitor orci et quam aliquam in malesuada.
								</p>
							</div>
						</div><!--/.blog -->

						<div class="comments clearfix">
							<h3>Comments (5)</h3>
							<div class="comment media">
								<a href="#" class="comment-avatar pull-left">
									<img width="50" src="img/samples/people-1.jpg">
								</a>
								<div class="media-body">
									<div class="comment-header">
										<strong class="comment-author"><a href="#">John Doe</a></strong>
										<span class="comment-time muted">commented on January 13, 2013 at 5:13 pm</span>
									</div>
									<div class="comment-content">
										Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
									</div>
									<a href="#" class="btn btn-mini">Reply</a>
								</div>
							</div>
							<div class="comment media">
								<a href="#" class="comment-avatar pull-left">
									<img width="50" src="img/samples/people-1.jpg">
								</a>
								<div class="media-body">
									<div class="comment-header">
										<strong class="comment-author"><a href="#">Jane Doe</a></strong>
										<span class="comment-time muted">commented on January 13, 2013 at 5:13 pm</span>
									</div>
									<div class="comment-content">
										Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
									</div>
									<a href="#" class="btn btn-mini">Reply</a>

									<div class="comment media">
										<a href="#" class="comment-avatar pull-left">
											<img width="50" src="img/samples/people-1.jpg">
										</a>
										<div class="media-body">
											<div class="comment-header">
												<strong class="comment-author">Annonymous</strong>
												<span class="comment-time muted">commented on January 13, 2013 at 5:13 pm</span>
											</div>
											<div class="comment-content">
												Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
											</div>
											<a href="#" class="btn btn-mini">Reply</a>
										</div>
									</div>
									<div class="comment media">
										<a href="#" class="comment-avatar pull-left">
											<img width="50" src="img/samples/people-1.jpg">
										</a>
										<div class="media-body">
											<div class="comment-header">
												<strong class="comment-author">Annonymous</strong>
												<span class="comment-time muted">commented on January 13, 2013 at 5:13 pm</span>
											</div>
											<div class="comment-content">
												Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
											</div>
											<a href="#" class="btn btn-mini">Reply</a>
										</div>
									</div>
								</div>
								<div class="comment media">
									<a href="#" class="comment-avatar pull-left">
										<img width="50" src="img/samples/people-1.jpg">
									</a>
									<div class="media-body">
										<div class="comment-header">
											<strong class="comment-author">Annonymous</strong>
											<span class="comment-time muted">commented on January 13, 2013 at 5:13 pm</span>
										</div>
										<div class="comment-content">
											Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
										</div>
										<a href="#" class="btn btn-mini">Reply</a>
									</div>
								</div>


								<div class="comment reply">
									<h3 class="comment-title">Leave a Reply</h3>
									<p class="comment-note">Your email address will not be published. Required fields are marked *</p>
									<form class="comment-form">
										<div class="comment-form-name">
											<label for="name">Name *</label>
											<input type="text" id="name" name="name" class="span6">
										</div>
										<div class="comment-form-email">
											<label for="email">Email *</label>
											<input type="text" id="email" name="email" class="span6">
										</div>
										<div class="comment-form-website">
											<label for="url">Website</label>
											<input type="text" id="url" name="url" class="span6">
										</div>
										<div class="comment-form-comment">
											<textarea class="span8" rows="8"></textarea>
											<div class="comment-allowed-tags">
												You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes:  
												<code>&lt;a href="" title=""&gt; &lt;abbr title=""&gt; &lt;acronym title=""&gt; &lt;b&gt; &lt;blockquote cite=""&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=""&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=""&gt; &lt;strike&gt; &lt;strong&gt; </code>
											</div>
										</div>
										<div class="comment-form-submit">
											<input class="btn btn-large" name="submit" type="submit" id="submit" value="Post Comment">
										</div>
									</form>
								</div>
							</div>
						</div><!--/.comments -->
					</div><!--/.blog-list -->
				</div>
				
			</div>
		</div><!--/. -->

	</div><!--/.content -->

   @{Html.RenderPartial("Footer");}

	<!-- SPACE FOR SCRIPTS -->
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="js/bootstrap//bootstrap.min.js"></script>
</body>